/*
headline: ceb25c
pale backcground: ffe5c2
mast head text: 001722
mast head: cd833b
alt background:  cc9966
*/

/* base fonts */
body { font-size: 100%; }
h1 { font-style: normal; font-weight: normal; font-size: 400%; }
h2 { font-style: normal; font-weight: normal; font-size: 180%; }
h1, h2 { font-family: 'ChunkFiveRegular', Georgia, serif; }
h3 { font-style: normal; font-weight: normal;
    font: 180% 'LeagueGothicRegular', Arial, sans-serif;
    letter-spacing: 0;
}


/* colors and backgrounds */
body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    background-color: #cc9966;
    background-image: url(images/background.png);
}
#content {
    border: 0px solid black; background-color: #ffe5c2;
    background-image: url(images/content.png);
    font-size: 11pt;
}
h3 {
    color: #001722;
    background-color: #ceb25c;
    background-image: url(images/headline.png);
    padding: 0.3em 0.5em;
}

#content pre { font-size: 9pt; }
#content p, #content pre { border: 0px solid black;}
#masthead {
    background-color: #cd833b; color: #001722;
    background-image: url(images/masthead_background.png);
}
#nav {
    background-image: url(images/masthead_background.png);
}

/* margins */
body { padding: 0; margin: 0; border: 0px solid black;}
#masthead {
	border: 0px solid black;
	padding: 0.1em 0 0 4em;
	margin: 0 0 0.1em 0;
    }
#content {
    border: 0px solid black;
    margin: 0.1em 0 0 10em;
    padding: 0.1em 1em 1em 3em;
    }
h1, h2 { border: 0px solid black; }
h1 { margin-top: 0.3em; padding-top: 0px; padding-bottom: 0; margin-bottom: 0; }
h2 { padding-top: 0; margin-top: 0; padding-bottom: 0.8em;}
h3 { margin-bottom: 0.5em; }
#content p, #content pre, #content canvas, #content ul {
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    margin-left: 0.75em;
    margin-bottom: 0.5em;
    margin-right: 0.75em;
    margin-top: 1em;
    border: 0px solid black;
}
#content pre {
    overflow: auto;
}

/* special effects */
h1, h2 { text-shadow: 0px 1px 0px #cea268; }


canvas { border: 0px solid black; }
#can { float:right;}
#nav { padding: 0px; margin: 1em; float: left; width: 9em; border: 0px solid black; }
#nav { text-shadow: 0px 1px 0px #cea268; }
#nav li { font-style: normal; font-weight: normal; padding-left: 1em; padding-bottom: 0.2em; padding-right: 0px; padding-top: 0.2em; border-color: #c99053; border-style: hidden; border-width: 1px; list-style-position: inside; list-style-type: none; margin: 0px; }
#nav li:hover { background-image: url(images/headline.png); }

#nav li li { padding: 0px; margin: 0px; border-color: #ff2718; border-style: solid; border-width: 0px; }
#nav ul { padding-left: 1em; padding-bottom: 0em; padding-right: 0em; padding-top: 0em; margin: 0px; }
#nav a { color: black; text-decoration: none; }
#content pre { border-color: #d8be7d; border-style: dashed; border-width: 1px; padding: 1em; background-color: #fee3ab; }
